<template>
  <div class="main_right">
    <div class="page_top">
      <section>
        <ol class="breadcrumb">
          <li>
            <router-link to="/nav/welcome">
              <span class="glyphicon glyphicon-home"></span> 首页
            </router-link>
          </li>
          <li>
            <span class="glyphicon glyphicon-stats"></span> 数据管理
          </li>
          <li class="active">权限管理</li>
        </ol>
      </section>
    </div>
    <div class="page_operation_bar">
      <div id="showDiv">
        <form class="form-inline">
          <div class="form-group col-md-3" style="padding-left: 12px">
            <label class="control-label" for="dataSource">登录名： &nbsp;</label>
            <div class="col-sm-7 input-group" id="dataSource">
              <select
                class="form-control radius"
                name="dataSource"
                ng-model="dataSource"
                id="refreshPart"
                ng-options="item for item in options.dataSource"
              ></select>
            </div>
          </div>

        <div class="form-group col-md-3" style="padding-left: 12px">
            <label class="control-label" for="dataSource">密码： &nbsp;</label>
            <div class="col-sm-7 input-group" id="dataSource">
              <input type="text" class="form-control" name="sampleFre" ng-model="sampleFre">
            </div>
          </div>


          <div class="form-group col-md-3" style="padding-left: 44px">
            <label class="control-label" for="sampleFre">用户类别： &nbsp;</label>
            <div class="col-sm-7 input-group" id="sampleFre">
              <select
                class="form-control radius"
                name="dataSource"
                ng-model="dataSource"
                id="refreshPart"
                ng-options="item for item in options.dataSource"
              ></select>
             
            </div>
          </div>
         
          <div class="form-group" style="position: absolute; right: 20px">
            <button
              type="button"
              class="btn btn-primary btn3"
              data-toggle="modal"
              data-target="#datainputModal"
              style="margin-top: 0"
              ng-click="previewHistory()"
            >登录</button>
           
          </div>
        </form>
      </div>
    </div>
    <!--复选框-->
    <div class="col-md-10"></div>
    <div
      class="col-md-2 checkbox checkbox-primary"
      style="margin-bottom: 10px; padding-left: 50px;"
    >
    </div>
    
    
    <div class="step-pane">
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-defined">
            <div class="panel-heading panel-p">
              <c>报表类目</c>
            </div>
            <div style="height: 428px" id="myChart1"></div>
          </div>
        </div>
        
        
      </div>
    </div>
    <hr>
    <!-- Modal 数据导入模态框-->
    <div
      class="modal fade"
      id="datainputModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="exampleModalLabel"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="col-sm-5 modal-title" id="exampleModalLabel">请选择要上传的txt文件</h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div>
            <div class="panel panel-defined">
              <div class="panel-heading">
                <c>历史上传数据</c>
              </div>
              <table
                id="historyTable"
                data-toggle="table"
                data-height="200"
                class="table table-hover dataTable"
                role="grid"
              ></table>
            </div>
          </div>
          <div class="modal-body">
            <div class="file-loading">
              <input type="file" id="inputFile" name="inputFile">
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            <button
              type="button"
              class="btn btn-primary"
              data-dismiss="modal"
              ng-click="addOption()"
            >确定</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>


<script>
export default {
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>


